<template>
    <div class="banner">
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="item in props.bannerList" :key="item.id">
                <img style="height: 200px; width: 100%" :src="item.url" />
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script setup lang="ts">
const props = defineProps(['bannerList'])
</script>

<style lang="scss" scoped>
// 轮播
.banner {
    padding: 0 12px 0 12px;
    .my-swipe {
        border-radius: 10px;
        .van-swipe-item {
            color: #fff;
        }
    }
}
</style>
